<extend name="$_home_public_layout"/>

<block name="title"><title>{:C('WEB_SITE_TITLE')}－{:C('WEB_SITE_SLOGAN')}</title></block>

<block name="style">
<style type="text/css">
	*{
		list-style: none;
	}
	.cont{
		width: 100%;
		height: 700px;
		border: 1px solid #ff000000;
		background: url("__HOME_IMG__/bg.jpg") no-repeat;
		background-size: 100% 100%;
	}
	.list{
		width: 67%;
	    height: 27%;
	    margin-top: 2.2%;
	    margin-left: 17%;
	}
	.list1{
		width: 67%;
	    height: 27%;
	    margin-top: 2.2%;
	    margin-left: 17%;
	}
	.list ul{
		width: 100%;
	    height: 100%;
	    padding-left: 0px;
	}
	.list ul li{
		width: 17%;
		height: 100%;
		float: left;
	}
	li:not(.first){
		margin-left: 3%;
	}
	li:not(.first_line){
		margin-top: 3%;
	}
	.list li img{
		width: 100%;
		height: 100%;
	}
</style>
</block>
<block name="jumbotron">
	<div class="cont">
		<div class="list">
			<ul>
				<volist name="data" id="vo" key="k">
					<if condition="$k eq 1">
						<a href="{:U(MODULE_NAME.'/List/index',array('id' => $vo['id']))}"><li class="first first_line"><img src="{$vo['img']}"></li></a>
						<else />
						<if condition="$k elt 5">
							<a href="{:U(MODULE_NAME.'/List/index',array('id' => $vo['id']))}"><li class="first_line"><img src="{$vo['img']}"></li></a>
							<else />
								<if condition="$k eq 6 ">
									<a href="{:U(MODULE_NAME.'/List/index',array('id' => $vo['id']))}"><li class="first"><img src="{$vo['img']}"></li></a>
									<else />
									<a href="{:U(MODULE_NAME.'/List/index',array('id' => $vo['id']))}"><li><img src="{$vo['img']}"></li></a>
								</if>
						</if>

					</if>


				</volist>
			</ul>
		</div>
	</div>
</block>
<block name="script">
    <script type="text/javascript" >

    </script>
</block>